<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" source="widget" />
<script
	src="${ctx}/js/controllers/news/noticeinfo/NoticeInfoEditController.js"
	type="text/javascript"></script>
<!-- 图文混排器的预览 -->
<script src="${ctx}/js/common/preview.js" type="text/javascript"></script>
<style>
select {
	padding-left: 18px;
	font-size: 14px;
	border-radius: 10px;
	width: 83%;
	margin-top: 4px;
	background-image: none;
	border: 1px solid #E5E5E5;
	color: #8b8787;
}
</style>
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
				<img style="float: left; margin-left: 37px; margin-top: 9.5px;"
					src="${ctx}/images/new_edit.png" />
				<c:if test="${type == 1 }">
					<h4>新增小区通知</h4>
				</c:if>
				<c:if test="${type == 2 }">
					<h4>编辑小区通知</h4>
				</c:if>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="form" class="form" style="min-height: 350px;">
			<div class="itemEditMap">
                  <input id="noticeId" type="hidden" value="${noticeInfo.id }">
                <input id="noticecellId" type="hidden" value="${noticeInfo.cellId }">
                <input id="imageLogo" type="hidden" value="${noticeInfo.logo }">
                    <span class="col-sm-1 editlableEditMap" style="height:100px;line-height:100px;">图像：</span>
                    <div class="flEditMap" style="height:100px;">
                    
                        <c:if test="${noticeInfo.logo == null || noticeInfo.logo == ''}">
                            <img id="preview3" style="width:70px;height:70px;float:left;margin-top:10px;" title="快上消息头像吧" src="${ctx}/images/notice-default.png" />
                        </c:if>
                        <c:if test="${noticeInfo.logo != null && noticeInfo.logo != ''}">
                            <img id="preview3" style="width:70px;height:70px;float:left;margin-top:10px;" src="${sessionScope.image_logo}${noticeInfo.logo}" />
                        </c:if>
                        <div class="mtjxsa" style="float:left;margin: 25px 20px;">
                              <p style="text-align: left;font-size:12px;" id="imageBtn">
                                  <input type="hidden" name="imageLogoUrl" id="imageLogoUrl" value="${noticeInfo.logo}"/>
                                  <label class="lbl" style="width:400px;height:15px;">提示：只能上传.jpg, .png的图片格式,照片文件大小最大为10MB</label>
                                  
                              </p>
                              <div>
                                  <div class="fl">
                                      <button 
	                                      style="width:100px;height:25px;margin-top: 5px; background-color: #593505;color: #fff;border: 0px;line-height:25px;" 
	                                      class="acblu tctpsc">上传头像</button>
                                  </div>
                              </div>
                          </div>
                        <%@include file="/views/common/uploader/picture.jsp" %>
                    </div>
                </div>
			<div class="itemEdit">
				<span class="col-sm-1 editlableEdit">标题：</span>
				<div class="flEdit">
					<input class="controlEdit" id="title" onblur="checkTitle();"
						value="${noticeInfo.title }" type="text" class="text"
						maxlength="50" placeholder="请输入标题（最多50字）" style="width: 80%" /> <em
						class="emStyle">*</em>
				</div>
			</div>
			<div class="itemEdit">
				<label class="col-sm-1 editlableEdit">小区名：</label>
				<div class="flEdit">
					<c:if test="${noticeInfo.id == null}">
						<select class="editform-control" id="cellId" style="height: 30px; width: 140px;">
							<option value="" <c:if test="${cellId == null }">selected="selected"</c:if>>全部小区</option>
							<option value="${sessionScope.user_login.currentCell.id}">${sessionScope.user_login.currentCell.cellName}</option>
						</select>
					</c:if>
					<c:if test="${noticeInfo.id != null}">
						<c:if test="${empty(noticeInfo.cellId)}"><input class="editform-control" type="text" disabled="disabled" value="全部小区"></c:if>
						<c:if test="${not empty(noticeInfo.cellId)}">
							<input class="editform-control" type="text" disabled="disabled" value="${noticeInfo.cellName}">
						</c:if>
					</c:if>
					<em class="emStyle">*</em>
				</div>
			</div>
			<div class="itemEdit">
				<span class="col-sm-1 editlableEdit">通知类型：</span>
				<div class="flEdit">
					<select class="editform-control" id="noticeType"
						onblur="checkNoticeType();" style="height: 30px; width: 140px;">
						<c:forEach items="${noticeTypes }" var="notice">
							<option value="${notice.value }"
								<c:if test="${noticeInfo.type == notice.value }">selected="selected"</c:if>>${notice.label }</option>
						</c:forEach>
					</select> <em class="emStyle">*</em>
				</div>
			</div>
			<div class="itemEdit">
				<span class="col-sm-1 editlableEdit">排序：</span>
				<div class="flEdit">
					<input class="sortEdit" id="sort" onblur="checkSort();" type="number" maxlength="11"
						value="${noticeInfo.sort == null ? 1 : noticeInfo.sort}"><em class="emStyle">*</em>
				</div>
			</div>
				<div class="editorDetail" style="background: #fdfdfd;">
				<img style="margin-left:-110px;margin-top:-5px;" src="${ctx}/images/content.png" />
				<span class="col-sm-1 editlableEdit" style="border-right: 0">内容：</span>
				<img style="float: right;margin: 12px 20px;" title="内容预览" src="${ctx}/images/preview.png" onclick="contentPreview('${ctx}')">
				</div>
			<div style="height: auto; min-height: 261px;">
				<div id="ueditor">
					<!-- <textarea name="content" id="ideaContent" style="width:537px;height:100px;resize:none" class="itxt" maxlength="200" required></textarea> -->

					<!-- 加载编辑器的容器 -->
					<script id="container" type="text/plain">${noticeInfo.content}</script>
					<!-- 配置文件 -->
					<script type="text/javascript"
						src="${ctx }/js/lib/ueditor/ueditor.config.js"></script>
					<!-- 编辑器源码文件 -->
					<script type="text/javascript"
						src="${ctx }/js/lib/ueditor/ueditor.all.js"></script>
					<script type="text/javascript"
						src="${ctx }/js/lib/ueditor/ueditor.parse.js"></script>
					<!-- 实例化编辑器 -->
					<script type="text/javascript">
						var ue = UE.getEditor('container',{
							toolbars : [
								       	  ['fontfamily','fontsize', '|', 'blockquote', 'horizontal', '|', 'removeformat', '|', 'insertimage'],
								       	  ['bold', 'italic', 'underline', 'forecolor', 'backcolor', '|',
								       	   'justifyleft', 'justifycenter', 'justifyright', '|',
								       	   'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
								       	   'insertorderedlist', 'insertunorderedlist', '|',
								       	   'imagenone', 'imageleft', 'imageright', 'imagecenter','autotypeset','cleardoc','source'
								       	   ]
								       	],
							UEDITOR_HOME_URL: '${ctx}/js/lib/ueditor/',
							serverUrl: '${ctx}/fileHandler/upLoaderMergeForUeditor',
							imageUrlPrefix: '${sessionScope.image_logo}',
							imageActionName: 'uploadimage',
							imageFieldName: 'file',
							imageMaxSize: 1024000,
							imageAllowFiles: ['.png', '.jpg', '.jpeg', '.gif'],
							initialFrameHeight: 200,
							elementPathEnabled: false,
							retainOnlyLabelPasted:true,
							wordCount: false,
							/* sourceEditor: 'textarea', */
							insertorderedlist: {
								// 系统自带
								'decimal': '',     // '1,2,3...'
								'lower-alpha': '', // 'a,b,c...'
								'lower-roman': '', // 'i,ii,iii...'
								'upper-alpha': '', // 'A,B,C'
								'upper-roman': ''  // 'I,II,III...'
							},
							insertunorderedlist : {
								// 系统自带
								'circle': '',  // '○ 小圆圈'
								'disc': '',    // '● 小圆点'
								'square': ''   // '■ 小方块'
							},
							listDefaultPaddingLeft: '50'
						});
							</script>
				</div>
			</div>
		<div class="foot">
				<button class="buttonCancle" onclick="cancel();">取&nbsp;&nbsp;消</button>
				<button class="buttonEdit" onclick="saveOrUpdateNotice();">保&nbsp;&nbsp;存</button>
		</div>
		</div>
	<%@include file="/views/common/footer.jsp"%>
	</div>
</section>
<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
	
	//document.getElementById('title').focus();
</script>

<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>